{extend name="common/base" /}
{block name="right"}
 <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
    	<div class="layui-col-md12" style="margin-top:-10px;">
            <div class="layui-collapse">
                <div class="layui-colla-content layui-show">
                    <div class="layui-carousel" id="gg">
						<div carousel-item="">
    						<li><i class="layui-icon  layui-icon-speaker"></i><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=66257875&amp;site=qq&amp;menu=yes" target="_blank" title="点击联系站长QQ"> 本站源码出售，有意请联系站长QQ，记者、凑热闹的勿扰！！！</a></li>
    						<li><i class="layui-icon  layui-icon-speaker"></i><a href="https://music.ailcc.com/images/player.mp4" target="_blank"> 播放器使用说明 - 添加播放器、添加歌单、添加歌曲，请认真查看。</a></li>
						</div>
					</div> 
                </div>
            </div>
        </div>
        
      <div class="layui-col-md8" style="margin-top:-10px;">
        <div class="layui-row layui-col-space15">
          <div class="layui-col-md6">
            <div class="layui-card">
              <div class="layui-card-header">快捷方式</div>
              <div class="layui-card-body">
                <div class="layui-carousel layadmin-carousel layadmin-shortcut">
                  <div carousel-item>
                    <ul class="layui-row layui-col-space10">
                      <li class="layui-col-xs3"><a href="javascript:;" id="addPlayer"><i class="layui-icon layui-icon-add-1"></i><cite>添加播放器</cite></a></li>
                      <li class="layui-col-xs3"><a href="javascript:;" id="addSongSheet"><i class="layui-icon layui-icon-chart"></i><cite>添加歌单</cite></a></li>
                      <li class="layui-col-xs3"><a lay-href="/admin/user/userinfo"><i class="layui-icon layui-icon-user"></i><cite>账户信息</cite></a></li>
                      <li class="layui-col-xs3"><a lay-href="/admin/index/help"><i class="layui-icon layui-icon-help"></i><cite>使用帮助</cite></a></li>
                      <li class="layui-col-xs3"><a href="http://wpa.qq.com/msgrd?v=3&uin=66257875&site=qq&menu=yes" target="_blank" ><i class="layui-icon layui-icon-login-qq"></i><cite>联系站长</cite></a></li>
                      <li class="layui-col-xs3"><a href="https://ailcc.com/news/show-25.html" target="_blank"><i class="layui-icon layui-icon-set"></i><cite>客服系统</cite></a></li>
                      <li class="layui-col-xs3"><a href="https://ailcc.com/" target="_blank" ><i class="layui-icon layui-icon-survey"></i><cite>站长博客</cite></a></li>
                      <li class="layui-col-xs3"><a href="/Domain/name-1.html" target="_blank" ><i class="layui-icon layui-icon-set"></i><cite><font color="red">出售域名</font></cite></a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="layui-col-md6">
            <div class="layui-card">
          	  <div class="layui-card-header">用户信息<span class="layui-badge layui-bg-gray layuiadmin-badge" title="登陆时间">{$userInfo.last_login_time}</span></div>
          	  <div class="layui-card-body">
          	    <div class="layui-carousel layadmin-carousel layadmin-backlog" lay-anim="" style="width: 100%; height: 280px;">
          		  <div id="address" class="layui-col-md4" style="text-align:center">
          		    <div style="padding:15px 0 15px 0">
          			  <img class="avatar" style="box-shadow: 0 0 0 4px rgba(0,0,0,.1);border-radius: 50%;" src="https://q1.qlogo.cn/g?b=qq&nk={$userInfo.qq ? $userInfo.qq : 1 }&s=100" width="96" height="96"></div>
          			  <h4 style="font-weight: 600;color: #000;font-size: 1.2em;">{$userInfo.username}</h4>
          			</div>
          			<div class="layui-col-md6" style="margin-left:10px">
          			  <div class="layadmin-address">
          			    <h3 class="layadmin-title"><strong>{eq name="$userInfo.permissions" value="1"}试用账户{else/}<span style="color:#F00">管理员</span>{/eq}</strong></h3>
          				<p>账户有效期：{$userInfo.times_log}</p>
          				<p>歌单：{:count($userSongSheets)}</p>
          				<p>播放器：{:count($userPlayers)} / {$userInfo.quota}</p>
          				<!--<p>账户余额：0.00  <a class="layui-btn layui-btn-normal layui-btn-xs" href="javascript:;" onclick="wqy(this)">提现</a></p>-->
          				<p>上次登陆：{$userInfo.last_login_time}</p>
          				<p>登录地址：<i class="layui-icon layui-icon-location"></i> {$userInfo.last_login_site}</p>
          			  </div>
          			</div>
          	    </div>
          	  </div>
            </div>
          </div>
          <div class="layui-col-md12" id="address">
        	<div class="layui-card">
            	<div class="layui-card-header">赞助列表</div>
            		<div class="layui-card-body">
                		<div class="layui-carousel">
                   			<div class="layui-this" style="height:350px;overflow-x: hidden; overflow-y: auto;">
                   				<table class="layui-table">
                           			<tbody>
			                            <tr><td width="10%">...</td><td width="10%">...</td><td width="20%"><a title="昵称">...</a></td><td width="40%"><a title="赞助寄语">...</a></td><td width="20%">...</td></tr>
                           			</tbody>
                   				</table>
                   			</div>
                   		</div>
                   	</div>
            	</div>
        	</div>
        </div>
    </div>
      <div class="layui-col-md4" style="margin-top:-10px;">
            <div class="layui-card">
                <div class="layui-card-header">赞助广告</div>
                <div class="layui-carousel" id="lun">
					<div carousel-item="">
    				<a href="https://blog.ailcc.com/post-92.html" target="_blank" class=""><img style="height:100%;width:100%" src="https://img.ailcc.com/images/2019/09/17/-375-180.png"><span class="picad">出租在线客服系统，不限坐席，按年收费，每年400。</span></a>
    				<a href="https://blog.ailcc.com/post-92.html" target="_blank" class=""><img style="height:100%;width:100%" src="https://blog.ailcc.com/content/templates/colorful/images/img/dswx.png"><span class="picad">出租在线客服系统，不限坐席，按年收费，每年4400。</span></a>
    				<a href="https://blog.ailcc.com/post-92.html" target="_blank" class=""><img style="height:100%;width:100%" src="https://blog.ailcc.com/content/templates/colorful/images/img/dszfb.png"><span class="picad">出租在线客服系统，不限坐席，按年收费，每年400。</span></a>
					</div>
				</div>
            </div>
    	</div>
   <!--     <div class="layui-col-md4" id="address" style="margin-top:-10px;">-->
   <!--         <div class="layui-tab layui-tab-card layui-table">-->
			<!--	<ul class="layui-tab-title">-->
   <!-- 				<li class="layui-this">站长寄语</li>-->
   <!-- 				<li>支付宝赞助</li>-->
   <!-- 				<li>微信赞助</li>-->
   <!-- 				<li>QQ赞助</li>-->
   <!-- 			</ul>-->
			<!--	<div class="layui-tab-content" style="height: 350px;">-->
   <!-- 				<div class="layui-tab-item layui-show layui-card-body layui-text layadmin-text"><p>本播放器程序拒绝任何商用行为，请拿到账户的朋友注意保护好账户密码，任何转让行为均属违规，一经发现，封号处理。</p><p>本套程序源码出售，喜欢的、需要的请联系站长QQ，记者、凑热闹的请勿打扰。</p><p>感谢所有一直以来支持站长帮助沛霖的朋友，后期若有需求，沛霖定当竭力相助。</p><p>特别感谢 QQ 1329616868  （<a href="https://music.yaode.xyz" target="_blank">https://music.yaode.xyz</a>）</p><p>播放器使用期间，如发现bug或其他问题，请第一时间联系站长QQ 66257875</p><p>特此说明！感谢各位的帮助，感谢各位的使用。</p></div>-->
   <!-- 				<div class="layui-tab-item"><img src="https://blog.ailcc.com/content/templates/colorful/images/img/dszfb.png" style="max-width:350px;"></div>-->
   <!-- 				<div class="layui-tab-item"><img src="https://blog.ailcc.com/content/templates/colorful/images/img/dswx.png" style="max-width:350px;"></div>-->
   <!-- 				<div class="layui-tab-item"><img src="https://blog.ailcc.com/content/templates/colorful/images/img/dsqq.png" style="max-width:350px;"></div>-->
			<!--	</div>-->
			<!--</div>-->
   <!-- 	</div>-->
    </div>
  </div>
 {/block}{block name="script"}
<script>
    layui.config({
        base: '/static/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index'], function (e) {
        layui.use(["admin", "carousel"], function() {
            var e = layui.$,
                t = (layui.admin, layui.carousel),
                a = layui.element,
                i = layui.device();
            e(".layadmin-carousel").each(function() {
                var a = e(this);
                t.render({
                    elem: this,
                    width: "100%",
                    arrow: "none",
                    interval: a.data("interval"),
                    autoplay: a.data("autoplay") === !0,
                    trigger: i.ios || i.android ? "click" : "hover",
                    anim: a.data("anim")
                })
            }), a.render("progress")
        })
    });
    layui.use(['carousel', 'form'], function(){
  var carousel = layui.carousel
  ,form = layui.form;
  carousel.render({
    elem: '#lun'
    ,width: '100%'
    ,height: '205px'
    ,anim: 'fade'
    ,arrow: 'hover'
    ,indicator:'none'
    ,interval: 3000
  });
    var carousel = layui.carousel;
	carousel.render({
    elem: '#gg'
    ,width:'100%'
    ,height:'23px'
    ,anim:'updown'
    ,arrow:'none'
    ,indicator:'none'
  });
});
    function wqy(obj) {
    	var url =obj.getAttribute('data-GetUrl');
    	layer.msg('该功能未启用！');
    }
</script>
{/block}